<template>
    <button @click="click">
        <slot></slot>
    </button>
</template>
<script setup lang="ts">
import { defineProps } from 'vue';
const props = defineProps();
const emit = defineEmits(['click']);
const click = ()=>{
    emit('click');
}
</script>
<style scoped lang="scss">
button {
    background-color: rgba(43, 164, 235, 0.733);
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
   
}


button:active {
    background-color: rgba(43, 165, 235, 0.473);
}
</style>